<!DOCTYPE html>
<html lang="utf-8">
<head>
    <meta charset="UTF-8">
    <#include "/comm/module-index.ftl"/>
</head>
<body>
<div class="layui-div-body">
    <div class="layui-fluid  layui-div-table">
        <div>
            <form class="layui-form searchForm" autocomplete="off" id="searchForm" lay-filter="searchForm">
                <div class="layui-inline layui-show-xs-block">
                    <input type="text" name="keyword" placeholder="关键字" autocomplete="off"
                           class="layui-input">
                </div>
                <div class="layui-inline layui-show-xs-block">
                    <button class="layui-btn  layui-btn-sm" lay-submit="" lay-filter="table-search"><i
                                class="layui-icon"></i>查询
                    </button>
                    <button class="layui-btn  layui-btn-sm layui-btn-primary" type="reset" id="btn-search-reset"><i
                                class="layui-icon"></i>重置
                    </button>

                </div>
            </form>
            <div class="common-btn-block">
                <button class="layui-btn layui-btn-sm" lay-on="add"><i
                            class="layui-icon  layui-icon-add-1"></i> 添加
                </button>
                <button type="button" class="layui-btn layui-btn-sm layui-btn-danger" lay-on="destroy">
                    <i class="layui-icon layui-icon-delete"></i> 删除
                </button>

            </div>
        </div>
        <#-- table-->
        <div class="layui-table-body" style="flex: 1" id="layui-table-bar">
            <table class="layui-hide" lay-filter="layui-table-main" id="layui-table-main"></table>
        </div>
    </div>
</div>

<script type="text/javascript">
    layui.use(['index'], function () {
        let tableBase = layui.index;
        tableBase.render({
            cols: [{
                type: 'checkbox',
                fixed: 'left',
                align: 'center'
            }, {type: 'space', hide: true, field: "_id"},
                {type: 'numbers', title: "序号", fixed: 'left'},
                {field: 'iso2', title: 'iso2'},
                {field: 'iso3', title: 'iso3'},
                {field: 'nameZh', title: '中文名'},
                {field: 'nameEn', title: '英文名'},
                {field: 'callingCode', title: '电话区号'},
                {field: 'unCode', title: '国际代码'},
                {field: 'continent', title: '所属州'},
                {fixed: 'right', title: '操作', toolbar: '#operateBtn', width: 130, align: 'center'}

            ],
            area: ['600px', '520px']
        })

    });

</script>
</body>
</html>
